html {
	position: relative;
	width: 100%;
	font-size: 62.5%;
	background: rgb(247,245,245)
}
.ng-cloak{
	display:none
}
/*头部*/
.header {
	position: relative;
	width: 100%;
	height: 222px;
	background: url('../img/shop-main/tou.jpg') no-repeat center top;
	background-size: cover
}
.header-top {
	width: 1350px;
	margin: 0 auto
}
.header-top>a {
	font-size:12px;
	line-height: 35px;
	color: #bbb
}
.header-top>a:nth-of-type(2) {
	float: right;
	margin-left: 45px
}
.header-top>a:nth-of-type(3) {
	float: right
}
.header-top>.top-active-true{
	color: red;
	text-decoration: underline;
}
.header-top>.top-active-false{
	color: #bbb
}
.header-main{
	width: 100%;
	margin: 10px auto;
	text-align: center
}

.header-main>img {
	width: 312px;
	height: 122px
}
.nav{
	width: 100%;
	overflow: hidden
}
.nav-list{
	width:500px;
	margin: 0 auto
}
.nav-list>li{
	float:left;
	width:56px;
	margin: 0 22px
}
.nav-list>li>a{
	font-size:14px;
	line-height:44px;
	color: white
}
.nav-list>li>a:hover {
	color: yellow;
	text-decoration: underline
}
/*尾部*/
.footer {
	width: 100%;
	height: 304px;
	background: url("../img/shop-main/bottom.jpg") no-repeat center top;
	background-size: cover;
	overflow: hidden
}
.footer-content{
	width: 630px;
	margin:185px auto 0
}
.footer-content>li{
	width:56px;
	margin:0 22px
}
.footer-content>li>a{
	font-size:14px;
	line-height:110px;
	color: white
}
.footer-c-l{
	float: left
}
.footer-content>li:not(.footer-c-l){
	float:right
}
.clear:after{
	content: "";
	display: block;
	clear: both
}
.backTop{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 104px;
	cursor:pointer
}
.backTop>a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px
}










